﻿.scroll {
    overflow: auto;
}

@media (min-width:992px) {
    .scroll {
        height: 100%;
        overflow: hidden;
        scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
        scrollbar-width: thin;
    }

        .scroll:hover {
            overflow: auto;
        }

        .scroll::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }

        .scroll::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: rgba(0,0,0,0.2);
        }

            .scroll::-webkit-scrollbar-thumb:hover {
                background-color: rgba(0,0,0,0.3);
            }
}
